<template>
	<div class="about">
		<el-table :data="tableData">
			<el-table-column prop="id"></el-table-column>
			<el-table-column prop="city"></el-table-column>
		</el-table>
	</div>
</template>
<script>
import axios from 'axios'
export default {
	data() {
		return {
			page: 1,
			size: 5,
			tableData: []
		}
	},
	created() {
		this.getData()
	},
	methods: {
		async getData() {
			const data = await axios.get('/api/page', {
				params: {
					page: this.page,
					size: this.size
				}
			})
			this.tableData = data.data.data
			console.log(data, 'data')
		}
	}
}
</script>
